.home{
    padding: 20px 20px 22px;
    background: #fff;
    margin-bottom: 80px;
}
.home_box{
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.phone{
    width: 375px;
    background-color: #f4f4f4;
    margin-left: 50px;
    margin-top: 50px;
    position: relative;
    border: 1px solid #e2e2e2;
}
.phone_top{
    width: 100%;
}
.phone_header{
    width: 100%;
    height: 75px;
    position: relative;
    border: 1px solid transparent;
}
.phone_header p{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}
.phone_header img{
    width: 100%;
    /*z-index: 5;*/
}
.phone_header:hover,.phone_header:active{
    border: 1px dashed red;
    cursor: pointer;
}


/**************顶部背景图片****************/
.phone_top_img{
    width: 100%;
    height: 200px;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
}
.phone_top_img:hover {
    border: 1px dashed red;
}
.phone_top_search{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 6;
    padding-top: 10px;

}
.phone_top_search_left{
    width: 12%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.phone_top_search_right{
    width: 12%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.phone_top_search_middle{
    width: 76%;
}
.phone_top_search_middle input{
    width: 95%;
    border: none;
    border-radius: 20px;
    text-indent: 12px;
}

.phone_top_search_middle i {
    font-size: 18px;
    color: #8b8b8b;
    line-height: 36px;
    text-indent: 16px;
    font-weight: bold;

}
.phone_top_search_left span,.phone_top_search_right span{
    height: 14px;
    line-height: 14px;
    font-size: 12px;

    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.90);
}
.phone_top_search_i1{               /****有背景图样式 i*****/
    font-size: 24px;
    color: #000000;
    z-index: 10;
}
.phone_top_search_i2{               /****有背景图样式 i*****/
    font-size: 24px;
    color: #ffffff;
    z-index: 10;
}
.phone_top_search_span1{             /**** 有背景图样式 span*****/
    color: #000000;
    z-index: 10;
}
.phone_top_search_span2{             /**** 有背景图样式 span*****/
    color: #ffffff;
    z-index: 10;
}
.phone_top_search_icon{
    color: #000;
}
/**************热搜关键词*************/
.phone_top_word{
    width: 90%;
    margin: 0 auto ;
    z-index: 6;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 25px 0;
}
.phone_top_word_p1{
    font-size: 14px;
    color: #000000;
    z-index: 6;
}
.phone_top_word_p2{
    font-size: 14px;
    color: #ffffff;
    z-index: 6;
}

.phone_top_word span{
    font-size: 12px;
    color: #fff;
    padding: 3px 12px ;
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
    z-index: 6;

}
/***************轮播图**********************/
.carousel{
    width: 90%;
    height: 200px;
    left: 0;
    right: 0;
    margin:-100px auto 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    z-index: 10;
    border: 1px solid transparent;

}
.carousel:hover{
    border: 1px dashed red ;
}
.carousel img{
    width: 100%;
    height: 100%;
}

.phone_menu{
    width: 90%;
    margin: 15px auto 0 auto;
    background-color: #fff;
    border-radius: 5px;
    height: 160px;
    z-index: 10;
    padding: 5px 10px 10px 10px;
    position: relative;
    border: 1px solid transparent;
}
.phone_menu:hover{
    border: 1px dashed red;
}

.phone_menu_body{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.phone_menu_item{
    width: 20%;
    height: 40%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    cursor: pointer;
}
.phone_menu_item_icon{
    height: 80%;

}
.phone_menu_item_icon img{
    height: 100%;
}
.phone_menu_item span{
    font-size: 12px;
    color: #333333;
    padding-bottom: 5px;
}

.phone_part{
    width: 100%;
    background-color: white;
    margin: 15px 0;
    position: relative;
    border: 1px solid transparent;
}
.phone_part_body{
    width: 90%;
    margin: 0 auto ;
}
.phone_part:hover{
    border: 1px dashed red;
}
.phone_title{

    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 50px;

}
.phone_title p{
    font-size: 20px;
    color: #2f2f2f;
    font-weight: bold;
}
.phone_title span{
    font-size: 14px;
    color: #d4d4d4;
    font-weight: 400;
}
.phone_part_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.phone_part_one_img {
    width: 100%;
    padding-bottom:10px ;

}
.phone_part_one_img img{
    width: 100%;
    border-radius: 8px;
}
.phone_part_two_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.phone_part_two_img{
    width: 48%;
    padding: 5px  0;

}
.phone_part_two_img img{
    width: 100%;
    border-radius: 8px;
}
.phone_part_three_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.phone_part_three_img{
    width: 32%;
    padding: 5px 0 ;
}
.phone_part_three_img img{
    width: 100%;
    border-radius: 8px;
}
.phone_part_four_img:nth-of-type(3n+1){
    width: 100%;
    border-radius: 8px;
    padding: 5px 0 ;
}

.phone_part_four_img:nth-of-type(3n+2),.phone_part_four_img:nth-of-type(3n+3){
    width: 48%;
    border-radius: 8px;
    padding: 5px 0 ;
}
.phone_part_four_img img{
    width: 100%;
    border-radius: 8px;
}
.phone_part_five_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 300px;
}
.phone_part_five_left{
    width: 49%;
    height: 100%;
    border-radius: 8px;

}
.phone_part_five_left_img{
    width: 100%;
    height: 100%;
    padding: 5px 0 ;

}
.phone_part_five_right{
    width: 49%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.phone_part_five_right_img{
    width: 100%;
    height: 50%;
    padding: 5px 0 ;
}
.phone_part_five_left_img img,.phone_part_five_right_img img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
/*****************修改头部***********************/
.transitionBody>div {
    overflow: auto;
}
.index_head{
    right: 10px;
    display: block;
}
.index_head:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.control_sanjiao::after {
    position: absolute;
    content: " ";
    top: 16px;
    left: -16px;
    display: block;
    width: 0;
    height: 0;
    border: 8px solid #F8F8F8;
    border-color: transparent #e0dbdb transparent transparent;
    z-index: 111;
}
.index_control{
    position: absolute;
    left:400px;
}
.control_item {
    position: absolute;
    width: 630px;
    padding: 10px 10px 80px 10px;
    background-color: #F8F8F8;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-top: 65px;

}
.img_nav{
    width: 200px;
    height: 100px;
    position: relative;
    padding: 1px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.phone_shop{
    width: 100%;
    border: 1px solid transparent;
}
.phone_shop:hover{
    border: 1px dashed red;
}
.phone_shop_body{
    width: 95%;
    margin: 0 auto;
    position: relative;

}
.phone_title_shop{
    width: 95%;
    height: 50px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.phone_title_left{
    width: 70%;

}
.phone_title_left p{
    font-size: 20px;
    color: #2f2f2f;
    font-weight: bold;
    text-align: left;
}
.phone_title_left span{
    font-size: 14px;
    color: #d4d4d4;
    font-weight: 400;
}
.phone_title_right{
    width: 30%;
}
.phone_title_right p {
    font-size: 18px;
    color: #cccccc;
    font-weight: bold;
    text-align: right;
}
.phone_shop_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.phone_shop_left,.phone_shop_right{
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.phone_shop_item{
    width: 95%;
    border-radius: 5px;
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
}
.shop_item_top{
    width: 100%;

}
.shop_item_top img{
    width: 100%;
}
.shop_item_title{

}
.shop_item_title p{
    font-size: 12px;
    color:#000000;
    text-align: justify;
    text-justify: inter-character;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.shop_item_title span{
    font-size: 12px;
    padding: 0 5px;
    background-color: #fd0036;
    border-radius: 5px;
    color: white;
}
.shop_item_label{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.shop_item_label span{
    font-size: 12px;
    padding: 0 4px;
    margin: 5px 0 ;
    border-radius: 5px;
    border: 1px solid red ;
    color: red;
}
.shop_item_label span:nth-of-type(1){
    border: 1px solid #fc022f ;
    color: #fc022f;
}
.shop_item_label span:nth-of-type(2){
    border: 1px solid #fac831 ;
    color: #fac831;
}
.shop_item_label span:nth-of-type(3){
    border: 1px solid #54b5e2 ;
    color: #54b5e2;
}
.shop_item_price{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0  5px 0 ;
}
.shop_item_price p:nth-of-type(1){
    font-size: 18px;
    color: #fc022f;
    font-weight: 400;
}
.shop_item_price p:nth-of-type(2){
    font-size: 12px;
    color: #959595;
}
.hone_switch{
    width: 200px;
    /*height: 50px;*/

}
.el-switch__core{

    height: 30px;
    border-radius: 20px;
}
.el-switch__core:after {
    width: 27px;
    height: 27px;

}
.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -26px;
}
.add{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
}
.phone_bottom{
    width: 100%;
    background-color: white;
    height: 60px;
    border: 1px solid transparent;
    position: relative;
}
.phone_bottom:hover{
    border: 1px dashed red;
}
.phone_bottom_box{

    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.phone_bottom_item{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.phone_bottom_item_img{
    width: 25px;

}
.phone_bottom_item_img img{
    width: 100%;

}
.phone_bottom_item p{
    font-size: 12px;
    color: #7c7e82;
}